<style type="text/css" media="all">
    /*put your style here*/
</style>

<script type="text/x-underscore-template">
    //put your template here
</script>

<style>

/* Swipe 2 required styles */

.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
.menu-page .menu-list li .icon{
    padding:10px !important;
    /*-webkit-border-radius: 50%;*/
    /*-moz-border-radius: 50%;*/
    /*border-radius: 50%;*/
    /*background-color: #efefef;*/
    /*padding: 20px;*/
    /*padding: 20px;*/
}

/*.menu-page .menu-list2 li.ss{
 height: 126px !important;
  background-color: #4F81BC !important;

}*/
/* END required styles */

    .menu-item.invalid{

    }
</style>
<!-- header -->
<!-- <header class="bar-title">
  <a id="" class="button">
    Left
  </a>
  <h1 class="title">cordovaDemo</h1>
  <a id="" class="button">
    Right
  </a>
</header> -->

<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary">
</nav>style="background:url(..//images/weather/default.ing);"

-->

<!-- content -->
<div class="menu-page" >


    <div class="logo">
      <img src="../login/img/haier.ing" width="100%"  >
    </div>


<div id='mySwipe' style='max-width:5000px;margin:0 auto;padding-top:43px;' class='swipe'>
  <div class='swipe-wrap'>
    <div>    
      <ul class="menu-list2" >
        <li class="home" state="home1">
            <div class="menu-item invalid">
            <div class="icon">
                <img width="80" src="../login/img/home1.ing" alt=""/>
            </div>
            新鲜空气
            </div>
        </li>
        <li  class="home " state="home2">
            <div class="menu-item invalid">
            <div class="icon">
               <img width="80" src="../login/img/home2.ing" alt=""/>
            </div>
            美食保鲜
                </div>
        </li>
        <li  class="home" state="home3">
            <div class="menu-item invalid">
            <div class="icon">
               <img width="80" src="../login/img/home3.ing" alt=""/>
            </div>　
                </div>
        </li>
        <li  class="home" state="home4">
            <div class="menu-item invalid">
            <div class="icon">
                 <img width="80" src="../login/img/home4.ing" alt=""/>
            </div>
            及时交互
                </div>
           　
        </li>
        <li class="home s5" state="home5">
            <div class="menu-item ">
            <div class="icon">
                <img width="80" src="../login/img/home5.ing" alt=""/>
            </div>
            服务攻略
                </div>
        </li>


        <li  class="home s6" state="home6">
            <div class="menu-item ">
            <div class="icon">
                <img width="80" src="../login/img/home6.ing" alt="" />
            </div>
            用户体验评价
                </div>
        </li>
    </ul>
</div>

    <div>    <ul class="menu-list2" >



            <li  class="home s7" state="home7">
            <div class="menu-item ">
            <div class="icon">
                <img width="80" src="../login/img/home6.ing" alt="" style="display:none;"/>
            </div>
            设计入口
           
                </div>
        </li>
               <li  class="home s7" state="home8">
            <div class="menu-item ">
            <div class="icon">
                <img width="80" src="../login/img/home6.ing" alt="" style="display:none;"/>
            </div>
            模块入口
                </div>
        </li>
               <li  class="home s7" state="home9">
            <div class="menu-item ">
            <div class="icon">
                <img width="80" src="../login/img/home6.ing" alt="" style="display:none;"/>
            </div>
            制造入口
                </div>
        </li>
               <li  class="home s7" state="home10">
            <div class="menu-item ">
            <div class="icon">
                <img width="80" src="../login/img/home6.ing" alt="" style="display:none;"/>
            </div>
            储运入口
                </div>
        </li>
               <li  class="home s7" state="home11">
            <div class="menu-item ">
            <div class="icon">
                <img width="80" src="../login/img/home6.ing" alt="" style="display:none;"/>
            </div>
            销售入口
                </div>
        </li>
               <li  class="home s7" state="home12">
            <div class="menu-item ">
            <div class="icon">
                <img width="80" src="../login/img/home6.ing" alt="" style="display:none;"/>
            </div>
            售后入口
                </div>
        </li>
        
       
  <!--       <li  class="home ss" state="home12">
            <div class="icon">
                <img width="80" src="../login/img/home6.ing" alt=""/>
            </div>
            <div style="text-align:center;padding-top:40px;">售后入口</div>
           
        </li> -->
    </ul>
</div>
  </div>

</div>

<!-- 
<div style='text-align:center;padding-top:20px;'>
  
  <button onclick='mySwipe.prev()'>prev</button> 
  <button onclick='mySwipe.next()'>next</button>

</div> -->

</div>


<div style="width:100%;height:30px;position:absolute;bottom:10px;">
  <nav style="display:block;background-color:transparent;">
      <ul id='position' style="display:block;">
        <li class='on'></li>
         <li class='on'></li>
      </ul>
  </nav>
</div>




<div id="entryBlock" style="display:none;">
  <div class="cube-dialog-screen cube-dialog-screen-model" style="z-index: 1000; display: block; height: 100%; position:fixed;background-color:rgba(0,0,0,0.7);opacity:1;"></div>
  <div class="cube-dialog-screen cube-dialog-screen-model" style="opacity:1;background-color:transparent;z-index: 1000; display: block; height: 100%; position:fixed;
  display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: start;
  display: -moz-box;
  -moz-box-orient: horizontal;
  -moz-box-pack: center;
  -moz-box-align: start;
  display: -o-box;
  -o-box-orient: horizontal;
  -o-box-pack: center;
  -o-box-align: center;
  display: -ms-box;
  -ms-box-orient: horizontal;
  -ms-box-pack: center;
  -ms-box-align: center;
  display: box;
  box-orient: horizontal;
  box-pack: center;
  box-align: center;">
    <div class="cube-dialog ui-corner-all" style="opacity:1; min-width: 260px; height: auto; margin:auto; margin-top: 30% !important;   width: 300px;background-color:white;border:0px solid white !important;">
        <div style="background-color:white;width:100%;height:160px;border:0px;padding:0px;">
          <table class="safeTable" cellspanding="0" cellspacing="0" cellspanding="0">
            <tr >


              <td align="left" class="safeTableTitle" id="dialogtitle">&nbsp;&nbsp;&nbsp;请输入您的联系方式</td>

            </tr>
            <tr style="height:50px;">
              <td colspan="2" style="padding:15px;">
                <input id="newphone" style="text-align:center;font-size:18px;color:gray;" type="text" >
              </td>
            </tr>
            <tr style="height:40px;">
              <td colspan="2" style="padding:0px;">
                <table class="btnTable" style="" cellspanding="0" cellspacing="0" cellspanding="0">
                  <tr>
                    <td class="saveSafeBox phonecanclebt" state="save">


<div
style="text-align:center;">
<div class="csair-btn-lite" style="width:70px;" id="submit">确定</div>
</div>
                      确定</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
          <style type="text/css">
              .safeTable{
                margin-top: 3px;
                width: 100%;
                height: 100%;
                text-align: center;
              }

              .safeTableIcon img{
                width: 60px;
                margin-right: 10px;
              }

              .safeTableTitle{
                font-size: 18px;
                padding-top: 10px;
                color: rgb(110,110,110);
              }

              .btnTable{
                width:100%;
                height:100%;
                border: 0px;
                margin: 0px;
              }

              .btnTable td{
              
                color:white;
                font-size: 14px;
                position: relative;
                top:3px;
              }

              .btnTable td:first-child{
                border-right:3px solid white; 
              }


  
          </style>


        </div>
      
      
    </div>

  </div>

</div>